<template>
  <div>
    <el-tag
      :key="tag"
      v-for="tag in dynamicTags"
      @click="handleClick(tag)"
      class="tag__item"
    >
      {{ tag }}
    </el-tag>
  </div>
</template>

<script lang="ts" setup>
import { defineEmits } from "vue";
const emit = defineEmits(["emitFastInput"]);
const dynamicTags = ["同意", "不同意", "符合合同约定", "满足技术标准"];

const handleClick = (tag: string) => {
  emit("emitFastInput", tag);
};
</script>

<style lang="scss" scoped>
.tag__item {
  margin-right: 10px;
  cursor: pointer;
  user-select: none;
}
</style>
